The four backgrounds, portable. Generated from kit/tokens.ts. This page needs nothing beside it — open it on any machine, in any browser, and the whole design system is here: the four beds, the glass, the type scale and the marks. The GLASS plate is embedded as a data URI, so this file needs nothing beside it.
GLASS#E9A17Cdark10.4 fps
DUSK#D4A785dark9.6 fps
MINT#34c759light12.0 fps
SKY#007afflight10.9 fps

Two rules that are not preferences. Soft edges come from radial-gradient, never from filter: blur() on a solid shape — that one cost 17× the render time. And a bed may never be a flat colour: backdrop-filter is a lensing effect and lensing needs luminance variation to bend, so a flat field renders every pane as a flat rectangle.
median cold start
371.23 ms
Forty runs, warm cache, on integrated graphics.
was 423.60 ms last week ↓ 12.4%
render speed · frames per second
mint 12.0 sky 10.9 glass 10.4 dusk 9.6
Nested presses in; the pane is raised. That opposition is what sells depth.
Apache-2.0 runs offline 24,000 Hz commercial use clear decide for yourself